// nprogress 进度条使用
// NProgress.start(); //进度条开始

// setTimeout(function () {
//     NProgress.done(); //进度条完成
// }, 1000)

// 在ajax请求发生前 进度条出现 
// 在ajax请求完成后，进度条完成 

// 在页面第一个ajax请求发送时，进度条出现 
// 在页面最后一个ajax请求结束时，进度条消失 

// jquery 还提供了 ajax的全局事件 ， 可以用来监听页面中所有的ajax请求 

// .ajaxComplete() 当页面中有ajax请求完成时就会触发 
// .ajaxError()  当页面中有ajax请求出错时触发 
// .ajaxSend()  当页面中有ajax请求发送时触发
// .ajaxSuccess()  当页面中有ajax请求成功响应式触发
// .ajaxStart()  当页面中第一个ajax请求发生时触发
// .ajaxStop()  当页面所有ajax请求都完成时触发 



// $.ajax({
//     url: '01.php',
//     data: {},
//     beforeSend: ，
//     success:, 
//     complete: ，
//     error: 
// })
// 不显示小圆圈
NProgress.configure({ showSpinner: false });
//页面第一个ajax请求发送时
$(document).ajaxStart(function () {
    //进度条开始
    NProgress.start();
})

// 在页面最后一个ajax请求结束时，进度条消失 
$(document).ajaxStop(function () {
    setTimeout(function () {
        NProgress.done(); //进度条消失 
    }, 800);   
})


// 2- 二级导航展开 合并 
$('.second-link').click(function () {
    $('.second').stop().slideToggle();
})

//3-侧边栏显示隐藏 
// 1- 给侧边栏添加hideMenu类名
// 2- 给topbar 去掉 pl-180
// 3- 给body去掉 pl-180  
$('.topbar .menu').click(function () {
    $('.lt-aside').toggleClass('hideMenu');
    $('.topbar, body').toggleClass('pl-180');
})


//4-退出
// 向后台发生请求， 让服务器删除用户登陆成功标记即可
$('.btn-ok').click(function () {
    //向后台发生请请你
    $.ajax({
        url: '/employee/employeeLogout',
        dataType: 'json',
        success: function (info) {
            console.log(info);       
            //如果退出成功
            if (info.success) {               
                // 隐藏模态框 
                $('.modal-logout').modal('hide')
                // 跳转到登录页
                location.href = 'login.html';
            }
        }
    })
})